import styled from "styled-components";

export const RankingWrapper = styled.div`
    padding-top: 25px;
    padding-bottom: 28px;
    .content {
        .ranking-title {
            padding: 12px;
            font-size: 14px;
            color: #000;
            font-family: simsun;
        }
        .item {
            display: flex;
            align-items: center;
            height: 62px;
            cursor: pointer;
            :hover {
                background-color: #DEDEDE;
            }
            &.active {
                background-color: #DEDEDE;
            }
            img {
                width: 40px;
                height: 40px;
                margin: 0 10px 0 16px;
            }
            .right {
                flex: 1;
                .title {
                    font-size: 12px;
                    color: #000;
                }
                .update {
                    margin-top: 5px;
                    color: #999;
                }
            }
        }
    }

`